<template>
  <div class="news">
      <h2>这是news组件</h2>
      <ul>
          <li v-for="new1 in news" :key="new1.id">{{new1.title}}</li>
      </ul>
      <p>学校名称:{{name}}</p>
  </div>
</template>

<script>
  export default {
    name:'News',
    data(){
        return {
            news:[
                {id:123,title:'今天10月14日,明天10月15日'},
                {id:234,title:'今天下雨了,明天会是晴天吗?'},
                {id:235,title:'发现了一个配色网站,开心呀~'}
            ],
            name:''
        }
    },
    mounted() {
        this.$bus.$on('haha',(val)=>{
            this.name = val;
        })
    },
    beforeDestroy(){
        this.$bus.$off('haha');
    }
  }
</script>

<style scoped>
    .news{
        background-color: #ffddd2;
        padding: 20px;
    }
</style>